19 Nice And Simple Horizontal Navigation Bar CSS Plugins For Your Website

1. Zozo Tabs

featured image

Zozo Tabs is a user-friendly, fully customizable, responsive jQuery tabs plugin to take any HTML content, including images, video, forms, maps, image slider and galleries and display it in a clean organised and responsive tabbed navigation. All customization can be handled via jQuery options, HTML5 data attributes and CSS. Some of it’s key features includes: vertical tabs, horizontal tabs, responsive tabs, deep-linking, powerfull API, CSS3 transition with fallback, 6+ sizes, 10+ themes, 14+ templates, 10+ positions, 65+ options and much more. Zozo Tabs allows you to create custom themes and customize your own build suited to your individual needs, modify, include or remove certain modules (reduce size of css by 90%) such as vertical, underlined, multiline, responsive etc. But for beginners and anyone new to CSS it is highly recommended to just start with the full package, without having to worry which modules are necessary.Added: Lighter weight, more efficient and completely reorganised, cleaned and commented CSS style. Added: Source folder which contains all modules of the Zozo Tabs divided into multiple small CSS files. 10 Flexible ways to position – Tabs are very flexible and customizable, horizontal and vertical navigation menu CSS and it can be positioned in 10 Flexible ways, view Positioning demo

Orientation – Zozo Tabs suppports horizontal and vertical tabs, view Orientation demo

Source and Minified CSS

Source folder for advanced css customization (create your own build with specific modules to minize the size)

More Details

2. Cream Tabs | jQuery Plugin

featured image

Cream Tabs it is a mix of tabs and responsive CSS navigation menu with content slider.Menu position: vertical/horizontal

More Details

3. Flexy Menu - Responsive Horizontal & Vertical Menu

featured image

Flexy is a menu component based in CSS and Javascript code. You can use Flex Menu it as a horizontal or vertical menu.Horizontal and Vertical

Javascript/CSS effects

More Details

4. Vertu - Simple Mega Menu

featured image

Accordion horizontal panels

4 levels drop down horizontal menu

Easy to change structure via CSS

More Details

5. Pure Css3 Responsive Navigation

featured image

Horizontal Navigation

More Details

6. The Fusion of Tabs and Slider with jQuery

featured image

Have you always wanted the useful tabs to be animated more fancy? something like a slider? then this is the plugin for you, the tabs can slide horizontal and vertical ways also there is 15 different effects available between transition and all working with CSS auto slideshow depending on its content.Customizable through css.Vertical and Horizontal Support.Navigation Bar Vertical & Horizontal.With min version of css & js files.

More Details

7. Negar - Responsive Vertical And Horizontal Menu

featured image

EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU

Top Horizontal

Bottom Horizontal

Added Two Horizontal Menu (Header And Footer) For Each Style

More Details

8. DeepMenu - multi level navigation menu

featured image

DeepMenu is a multi-level navigation menu with four different transitions between layers and nearly 20 other properties for customization. If JavaScript is disabled, it works as a CSS horizontal dropdown menu menu.JS, CSS and HTML files

Navigation icons (blue, orange and grey versions of “back” and “home” buttons)

More Details

9. Tabion - Metro Tab Accordion Switcher CSS

featured image

Tabion – Metro Tab Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS is a small CSS plugin that is used to create Tab with Metro UI style.Horizontal + Vertical Styles.If you like to see the plugin documentation you can check it here: Tabion CSS Documentation

Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

Metro Navigation Bar CSS

More Details

10. Smart Responsive Breadcrumbs

featured image

Smart Responsive Breadcrumbs is powerful breadcrumbs navigation solution that will work with mobile devices and different screen sizes. Breadcrumbs rely on CSS media queries to modify and display for different resolutions. For less than 480px, menu changes from horizontal navigation bar CSS into vertical and gets hidden behind the menu item. Due to the many differences between mobile browsers, different support for CSS, breadcrumbs must use JavaScript to work as expected.Breadcrumbs are fully responsive, and they will work fine on the small screens (mobile/touch devices) and will turn into menu for easier navigation with a limited space.Plugin control is done by combining CSS classes on the breadcrumbs element with many options available with the jQuery plugin. Full source files for both CSS and jQuery

Minimized CSS and JS files

More Details

11. Konafa Inline Horizontal Menu Navigation

featured image

More Details

12. navIgo - Multipurpose Responsive Navigation Plugin

featured image

One can truly say this is really the ultimate navigation tool!

Valid XHTML / CSS 3 markup

Horizontal or vertical orientation

Useful css class based element override: you can override buttons or dropdowns style simply adding classes. Some CSS improvements

More Details

13. 3d Mega Menu for Bootstrap

featured image

It is very easy to build a horizontal or verticalmenu. Horizontal and vertical versions

Valid XHTML / CSS 3 markup

More Details

14. Scroll Content Presenter

featured image

It is an extension that allows you to create an unique and beautiful style of navigation , showing the contents of your site through animations and colors to engage your visitors. Scroll Content Presenter builds the wordpress vertical navigation menu plugin for you based on the structure of your HTML.Vertical and horizontal navigation

Custom scroll bar

Generate navigation menu for you

More Details

15. Beth - Mobile-First Responsive Menu

featured image

Beth is a CSS responsive menu navigation, optimized for mobile & touch devices. On mobile devices, the fluid horizontal menu turns into a jQuery vertical menu animated which can be toggled with a click/single tap.

More Details

16. Clean Tabs: Responsive Tabs to Accordion

featured image

Clean tabs is a CSS3 and responsive slideshow jQuery navigation tabs, optimized for mobile & touch devices. On small screen, the horizontal tabs jQuery turns into a vertical accordion.

More Details

17. Smart Responsive Menu

featured image

Menu relies on CSS media queries to modify menu display for different resolutions. For less than 480px, menu changes from HTML horizontal menu into vertical and gets hidden behind the menu item. Due to the many differences between mobile browsers, different support for CSS, menu must use JavaScript to make up for these problems.Menus are fully responsive, and they will work fine on the small screens (mobile/touch devices) and will turn from horizontal to vertical for easier navigation with a limited space.Plugin control is done by combining CSS classes on the menu element with many options available with the jQuery plugin. Full source files for both CSS and jQuery

Minimized CSS and JS files with split and merged styles

Changed: Few improvements to the core CSS styles

More Details

18. Pure Css3 Horizontal Navigation Menu

featured image

Pure Css3 Horizontal Menu

More Details

19. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…

Support both Horizontal and Vertical Tab.Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion CSS – Metro Tab Accordion Switcher

TileBox – Modern Responsive LightBox CSS

More Details